<taglib name="Common\TagLib\Sohtml"/>
<form action="{:U('SysExfield/item_add_save')}" method="post">
    <table class="table-form">
        <tr><th>租户ID：</th><td><utilhtml:siteID value="{$siteID}" /></td></tr>
        <tr><th>属性名称：</th><td><input type="text" name="label" /></td></tr>
        <tr><th>英文名称：</th><td><input type="text" name="field" data-check-url="{:U('SysExfield/check_field','field=varkey&target='.$target)}"/>(不能含空格或特殊字符)</td></tr>
        <tr><th>字段备注：</th><td><input type="text" name="comment" size="33"/></td></tr>
        <tr><th>组件类型：</th><td><sohtml:select name="inputType" items="text=单行文本框;date=日期;datetime=日期和时间;time=时间;select=下拉选择框;radio=单选框;checkbox=复选框;textarea=多行文本框;editor=可视化编辑器;file=文件上传框;" value="{$data.inputType}"/></td></tr>
        <li style="display: none;"><th>可选值：</th><td>(多个可选值以英文逗号隔开,如：是,否,不确定)<textarea cols="45" rows="3" name="optionalValue" placeholder="格式：是,否,不确定"></textarea></td></tr>
        <tr><th>数据类型：</th><td><sohtml:select name="type" items="varchar=字符串(不超过2万个字符);int=整数(不超过20亿);smallint=小整数(不超过3万);decimal=小数;date=日期;datetime=日期和时间;text=大文本(超过2万个字符)" value="{$data.type}"/></td></tr>
        <li style="display: none;" id="length-panel"><th>小数精度：</th><td><input type="text" name="length" value="255" size="3"/></td></tr>
        <tr><th>默认值：</th><td><input type="text" name="default" placeholder="默认值"/></td></tr>
        <tr><th>是否显示：</th><td><input type="checkbox" name="isDisplay" value="1"/></td></tr>
        <tr><th>是否必填：</th><td><input type="checkbox" name="isRequire" value="1"/></td></tr>
        <tr><th>允许搜索：</th><td><input type="checkbox" name="allowSearch" value="1"/></td></tr>
        <tr><th>排序：</th><td><input type="text" name="ordinal" value="999" size="5"/></td></tr>
    </table>
    <button type="submit">保存</button>
    <button type="reset">重置</button>
    <input type='hidden' name="target" value="{$target}"/>
</form>
<script type="text/javascript">
    $('input[name="siteID"]').parent().hide();
    $('select[name="type"]').change(function () {
        // typeChange();
    })
    // typeChange();
    // 2014-11-10 by sutroon
    function typeChange() {
        switch ($('select[name="type"]').val()) {
            case 'decimal':
$('#length-panel').show().html('<th>小数精度：</th><td><input type="text" name="length" value="2" size="3"/>');
break;
            case 'varchar':
$('#length-panel').show().html('<th>字段长度：</th><td><input type="text" name="length" value="255" />');
break;
            default:
$('#length-panel').html('').hide();
break;
        }
    }
    $('select[name="inputType"]').change(function () {
        inputTypeChange();
    })
    inputTypeChange();
    // 2014-11-10 by sutroon; 2015-1-5 by sutroon 新增类型自动匹配功能
    function inputTypeChange() {
        var val = $('select[name="inputType"]').val();
        switch (val) {
            case 'select':
            case 'radio':
            case 'checkbox':
$('textarea[name="optionalValue"]').parent().show();
break;
            default:
$('textarea[name="optionalValue"]').parent().hide();
break;
        }
        switch (val) {
            case 'date':
$('select[name="type"] option[value="date"]').prop('selected', true);
break;
            case 'datetime':
$('select[name="type"] option[value="datetime"]').prop('selected', true);
break;
            case 'textarea':
            case 'editor':
$('select[name="type"] option[value="text"]').prop('selected', true);
break;
            default:
$('select[name="type"] option[value="varchar"]').prop('selected', true);
break;
        }
    }
    $('input[name="field"]').blur(function () {
        var $this = $(this);
        $.get($this.data('checkUrl').replace('varkey', $this.val()), function (data) {
            if (data.result) {
var msg = '英文名称[' + $this.val() + ']已存在,类型是[' + data.msg + ']!';
$.somessager.alert('消息', msg);
$('input[type="submit"]').prop('disabled', true);
            } else {
$('input[type="submit"]').prop('disabled', false);
            }
        })
    })
</script>